
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">

    <style type="text/css">

        @font-face {font-family: "iconfont";
          src: url('iconfont.eot'); /* IE9*/
          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('iconfont.woff') format('woff'), /* chrome, firefox */
          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 锲炬爣</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont">&#xee2f;</i>
                    <div class="name">鍒楄〃</div>
                    <div class="code">&amp;#xee2f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee39;</i>
                    <div class="name">鍙戦€?/div>
                    <div class="code">&amp;#xee39;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee3c;</i>
                    <div class="name">鍏呭€?/div>
                    <div class="code">&amp;#xee3c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee3d;</i>
                    <div class="name">浠樻鏂瑰纺</div>
                    <div class="code">&amp;#xee3d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee52;</i>
                    <div class="name">鐢靛瓙涔?/div>
                    <div class="code">&amp;#xee52;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee3b;</i>
                    <div class="name">镓０鍣?/div>
                    <div class="code">&amp;#xee3b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee44;</i>
                    <div class="name">镙囩</div>
                    <div class="code">&amp;#xee44;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee42;</i>
                    <div class="name">阍辫</div>
                    <div class="code">&amp;#xee42;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee25;</i>
                    <div class="name">镦х浉链?/div>
                    <div class="code">&amp;#xee25;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee57;</i>
                    <div class="name">姝ｇ‘</div>
                    <div class="code">&amp;#xee57;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee58;</i>
                    <div class="name">阌栾</div>
                    <div class="code">&amp;#xee58;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee5b;</i>
                    <div class="name">绂佹</div>
                    <div class="code">&amp;#xee5b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee5c;</i>
                    <div class="name">鎻愮ず</div>
                    <div class="code">&amp;#xee5c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee47;</i>
                    <div class="name">鍒涙剰</div>
                    <div class="code">&amp;#xee47;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee24;</i>
                    <div class="name">璐︽埛</div>
                    <div class="code">&amp;#xee24;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee4b;</i>
                    <div class="name">鏂囦欢</div>
                    <div class="code">&amp;#xee4b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee4c;</i>
                    <div class="name">缂栬緫鏂囦欢</div>
                    <div class="code">&amp;#xee4c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee4d;</i>
                    <div class="name">澶嶅埗鏂囦欢</div>
                    <div class="code">&amp;#xee4d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee43;</i>
                    <div class="name">璧勬枡搴?/div>
                    <div class="code">&amp;#xee43;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee35;</i>
                    <div class="name">绔栫姸锲?/div>
                    <div class="code">&amp;#xee35;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee51;</i>
                    <div class="name">璁″垝</div>
                    <div class="code">&amp;#xee51;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee49;</i>
                    <div class="name">鐢ㄧ爷</div>
                    <div class="code">&amp;#xee49;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee29;</i>
                    <div class="name">瀵嗗宠</div>
                    <div class="code">&amp;#xee29;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee4e;</i>
                    <div class="name">绠＄悊</div>
                    <div class="code">&amp;#xee4e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee27;</i>
                    <div class="name">棣栭〉</div>
                    <div class="code">&amp;#xee27;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee28;</i>
                    <div class="name">鎼灭储</div>
                    <div class="code">&amp;#xee28;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee21;</i>
                    <div class="name">鐢ㄦ埛</div>
                    <div class="code">&amp;#xee21;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee3a;</i>
                    <div class="name">瀵硅瘽</div>
                    <div class="code">&amp;#xee3a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee36;</i>
                    <div class="name">闾欢</div>
                    <div class="code">&amp;#xee36;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee5d;</i>
                    <div class="name">璧炴壃</div>
                    <div class="code">&amp;#xee5d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee5e;</i>
                    <div class="name">镓硅瘎</div>
                    <div class="code">&amp;#xee5e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee26;</i>
                    <div class="name">璁剧疆</div>
                    <div class="code">&amp;#xee26;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee4f;</i>
                    <div class="name">鍒犻櫎</div>
                    <div class="code">&amp;#xee4f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee59;</i>
                    <div class="name">淇℃伅</div>
                    <div class="code">&amp;#xee59;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee5a;</i>
                    <div class="name">甯侄</div>
                    <div class="code">&amp;#xee5a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee53;</i>
                    <div class="name">鏀惰棌</div>
                    <div class="code">&amp;#xee53;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee54;</i>
                    <div class="name">鍠灭埍</div>
                    <div class="code">&amp;#xee54;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee23;</i>
                    <div class="name">濂藉弸</div>
                    <div class="code">&amp;#xee23;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee4a;</i>
                    <div class="name">缂栬緫</div>
                    <div class="code">&amp;#xee4a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee2c;</i>
                    <div class="name">闄勪欢</div>
                    <div class="code">&amp;#xee2c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee31;</i>
                    <div class="name">澶у垪琛?/div>
                    <div class="code">&amp;#xee31;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee33;</i>
                    <div class="name">澶х缉鐣ュ浘鍒楄〃</div>
                    <div class="code">&amp;#xee33;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee34;</i>
                    <div class="name">鐎戝竷娴?/div>
                    <div class="code">&amp;#xee34;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee32;</i>
                    <div class="name">鍒楄〃</div>
                    <div class="code">&amp;#xee32;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee2d;</i>
                    <div class="name">涓嬭浇</div>
                    <div class="code">&amp;#xee2d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee38;</i>
                    <div class="name">鍙戦€侀偖浠?/div>
                    <div class="code">&amp;#xee38;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee55;</i>
                    <div class="name">锷?/div>
                    <div class="code">&amp;#xee55;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee56;</i>
                    <div class="name">鍑?/div>
                    <div class="code">&amp;#xee56;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee2a;</i>
                    <div class="name">阃€鍑?/div>
                    <div class="code">&amp;#xee2a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee37;</i>
                    <div class="name">镓揿紑淇℃伅</div>
                    <div class="code">&amp;#xee37;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee2e;</i>
                    <div class="name">搴旗敤涓绩</div>
                    <div class="code">&amp;#xee2e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee62;</i>
                    <div class="name">鍚戝彸</div>
                    <div class="code">&amp;#xee62;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee5f;</i>
                    <div class="name">鐜?/div>
                    <div class="code">&amp;#xee5f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee3e;</i>
                    <div class="name">閲戦</div>
                    <div class="code">&amp;#xee3e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee2b;</i>
                    <div class="name">锲剧墖</div>
                    <div class="code">&amp;#xee2b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee7d;</i>
                    <div class="name">骞虫澘</div>
                    <div class="code">&amp;#xee7d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee60;</i>
                    <div class="name">涔︾</div>
                    <div class="code">&amp;#xee60;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee72;</i>
                    <div class="name">阍荤煶</div>
                    <div class="code">&amp;#xee72;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee9a;</i>
                    <div class="name">鐧惧害</div>
                    <div class="code">&amp;#xee9a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee69;</i>
                    <div class="name">杩斿洖</div>
                    <div class="code">&amp;#xee69;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee45;</i>
                    <div class="name">璁㈤槄</div>
                    <div class="code">&amp;#xee45;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee6b;</i>
                    <div class="name">杩斿洖椤堕儴</div>
                    <div class="code">&amp;#xee6b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee9f;</i>
                    <div class="name">鍒锋柊</div>
                    <div class="code">&amp;#xee9f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee48;</i>
                    <div class="name">锷炲叕妗?/div>
                    <div class="code">&amp;#xee48;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee67;</i>
                    <div class="name">鍚戜笅</div>
                    <div class="code">&amp;#xee67;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee68;</i>
                    <div class="name">鍚戜笂</div>
                    <div class="code">&amp;#xee68;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee9b;</i>
                    <div class="name">阈惰鍗?/div>
                    <div class="code">&amp;#xee9b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee66;</i>
                    <div class="name">镣?/div>
                    <div class="code">&amp;#xee66;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee6a;</i>
                    <div class="name">鍚戝彸</div>
                    <div class="code">&amp;#xee6a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee86;</i>
                    <div class="name">绀肩墿</div>
                    <div class="code">&amp;#xee86;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee9e;</i>
                    <div class="name">icon-绔栨潬</div>
                    <div class="code">&amp;#xee9e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee65;</i>
                    <div class="name">镣?/div>
                    <div class="code">&amp;#xee65;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee64;</i>
                    <div class="name">鍙崇澶?/div>
                    <div class="code">&amp;#xee64;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee61;</i>
                    <div class="name">灏忕澶?/div>
                    <div class="code">&amp;#xee61;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee22;</i>
                    <div class="name">绠＄悊锻?/div>
                    <div class="code">&amp;#xee22;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee41;</i>
                    <div class="name">浜ゆ槗璁板綍</div>
                    <div class="code">&amp;#xee41;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee9d;</i>
                    <div class="name">鐢佃瘽</div>
                    <div class="code">&amp;#xee9d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee90;</i>
                    <div class="name">璐墿</div>
                    <div class="code">&amp;#xee90;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee8c;</i>
                    <div class="name">锲捐〃</div>
                    <div class="code">&amp;#xee8c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee78;</i>
                    <div class="name">澶滈棿妯″纺</div>
                    <div class="code">&amp;#xee78;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee7e;</i>
                    <div class="name">鏆傚仠</div>
                    <div class="code">&amp;#xee7e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee94;</i>
                    <div class="name">QQ</div>
                    <div class="code">&amp;#xee94;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee71;</i>
                    <div class="name">镄囧啝</div>
                    <div class="code">&amp;#xee71;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xeea6;</i>
                    <div class="name">浜哄弬</div>
                    <div class="code">&amp;#xeea6;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee96;</i>
                    <div class="name">寰崥</div>
                    <div class="code">&amp;#xee96;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee8e;</i>
                    <div class="name">锲捐〃</div>
                    <div class="code">&amp;#xee8e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee40;</i>
                    <div class="name">閲戝竵鍏呭€?/div>
                    <div class="code">&amp;#xee40;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee93;</i>
                    <div class="name">windows</div>
                    <div class="code">&amp;#xee93;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee63;</i>
                    <div class="name">绠ご</div>
                    <div class="code">&amp;#xee63;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xeea5;</i>
                    <div class="name">绾㈤厌</div>
                    <div class="code">&amp;#xeea5;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee30;</i>
                    <div class="name">锲炬枃</div>
                    <div class="code">&amp;#xee30;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee7a;</i>
                    <div class="name">涓娄笅</div>
                    <div class="code">&amp;#xee7a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee3f;</i>
                    <div class="name">137瀛﹀竵1</div>
                    <div class="code">&amp;#xee3f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee46;</i>
                    <div class="name">镞ュ织</div>
                    <div class="code">&amp;#xee46;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee50;</i>
                    <div class="name">涔?/div>
                    <div class="code">&amp;#xee50;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee7b;</i>
                    <div class="name">镓嬫満</div>
                    <div class="code">&amp;#xee7b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee95;</i>
                    <div class="name">寰俊</div>
                    <div class="code">&amp;#xee95;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee7c;</i>
                    <div class="name">鐢佃剳</div>
                    <div class="code">&amp;#xee7c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee6e;</i>
                    <div class="name">绁?/div>
                    <div class="code">&amp;#xee6e;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xeea2;</i>
                    <div class="name">濂惰尪</div>
                    <div class="code">&amp;#xeea2;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee98;</i>
                    <div class="name">阒块噷</div>
                    <div class="code">&amp;#xee98;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee84;</i>
                    <div class="name">鍗旷嚎鑺辨湹</div>
                    <div class="code">&amp;#xee84;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee85;</i>
                    <div class="name">鍧楃姸鑺辨湹</div>
                    <div class="code">&amp;#xee85;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee6f;</i>
                    <div class="name">vip</div>
                    <div class="code">&amp;#xee6f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee97;</i>
                    <div class="name">鏀粯瀹?/div>
                    <div class="code">&amp;#xee97;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee6d;</i>
                    <div class="name">绂忚泲</div>
                    <div class="code">&amp;#xee6d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee8b;</i>
                    <div class="name">v</div>
                    <div class="code">&amp;#xee8b;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee6c;</i>
                    <div class="name">椴滆姳</div>
                    <div class="code">&amp;#xee6c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee79;</i>
                    <div class="name">鏅达纸鐧藉ぉ锛?/div>
                    <div class="code">&amp;#xee79;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee70;</i>
                    <div class="name">璧?-01</div>
                    <div class="code">&amp;#xee70;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee75;</i>
                    <div class="name">鐢ㄦ埛澶村儚</div>
                    <div class="code">&amp;#xee75;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee77;</i>
                    <div class="name">鐢荤玛棰滆壊</div>
                    <div class="code">&amp;#xee77;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee76;</i>
                    <div class="name">瀛椾綋澶у皬</div>
                    <div class="code">&amp;#xee76;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee74;</i>
                    <div class="name">濂?/div>
                    <div class="code">&amp;#xee74;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee73;</i>
                    <div class="name">鐢?/div>
                    <div class="code">&amp;#xee73;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee83;</i>
                    <div class="name">3.1鏀惰棌-阃変腑</div>
                    <div class="code">&amp;#xee83;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee82;</i>
                    <div class="name">3.1鏀惰棌</div>
                    <div class="code">&amp;#xee82;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee81;</i>
                    <div class="name">3.1鍏虫敞1-阃変腑</div>
                    <div class="code">&amp;#xee81;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee80;</i>
                    <div class="name">3.1鍏虫敞1</div>
                    <div class="code">&amp;#xee80;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee8f;</i>
                    <div class="name">缃戠珯</div>
                    <div class="code">&amp;#xee8f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee88;</i>
                    <div class="name">濂栧姳镓€寰?/div>
                    <div class="code">&amp;#xee88;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xeea4;</i>
                    <div class="name">铡ㄧ数_鎶惃</div>
                    <div class="code">&amp;#xeea4;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee89;</i>
                    <div class="name">濂栧姳</div>
                    <div class="code">&amp;#xee89;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee7f;</i>
                    <div class="name">鏁欑粌浼戞伅</div>
                    <div class="code">&amp;#xee7f;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee87;</i>
                    <div class="name">绾㈠寘</div>
                    <div class="code">&amp;#xee87;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee8a;</i>
                    <div class="name">瀹?/div>
                    <div class="code">&amp;#xee8a;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee8d;</i>
                    <div class="name">锲捐〃</div>
                    <div class="code">&amp;#xee8d;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee99;</i>
                    <div class="name">娣桦疂</div>
                    <div class="code">&amp;#xee99;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xeea3;</i>
                    <div class="name">鍜栧暋</div>
                    <div class="code">&amp;#xeea3;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee9c;</i>
                    <div class="name">阈惰仈</div>
                    <div class="code">&amp;#xee9c;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee92;</i>
                    <div class="name">鑻规灉</div>
                    <div class="code">&amp;#xee92;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xee91;</i>
                    <div class="name">瀹夊崜</div>
                    <div class="code">&amp;#xee91;</div>
                </li>
            
                <li>
                <i class="icon iconfont">&#xeea1;</i>
                    <div class="name">绯栨灉</div>
                    <div class="code">&amp;#xeea1;</div>
                </li>
            
        </ul>
        <h2 id="unicode-">unicode寮旷敤</h2>
        <hr>

        <p>unicode鏄瓧浣揿湪缃戦〉绔渶铡熷镄勫簲鐢ㄦ柟寮忥紝鐗圭偣鏄细</p>
        <ul>
        <li>鍏煎镐ф渶濂斤紝鏀寔ie6+锛屽强镓€链夌幇浠ｆ祻瑙埚櫒銆?/li>
        <li>鏀寔鎸夊瓧浣撶殑鏂瑰纺铡诲姩镐佽皟鏁村浘镙囧ぇ灏忥紝棰滆壊绛夌瓑銆?/li>
        <li>浣嗘槸锲犱负鏄瓧浣掳紝镓€浠ヤ笉鏀寔澶氲壊銆傚彧鑳戒娇鐢ㄥ钩鍙伴噷鍗曡壊镄勫浘镙囷紝灏辩畻椤圭洰閲屾湁澶氲壊锲炬爣涔熶细镊姩铡昏壊銆?/li>
        </ul>
        <blockquote>
        <p>娉ㄦ剰锛氭柊鐗坕confont鏀寔澶氲壊锲炬爣锛岃繖浜涘鑹插浘镙囧湪unicode妯″纺涓嫔皢涓嶈兘浣跨敤锛屽鏋沧湁闇€姹傚缓璁娇鐢╯ymbol镄勫紩鐢ㄦ柟寮?/p>
        </blockquote>
        <p>unicode浣跨敤姝ラ濡备笅锛?/p>
        <h3 id="-font-face">绗竴姝ワ细鎷疯礉椤圭洰涓嬮溃鐢熸垚镄刦ont-face</h3>
        <pre><code class="lang-js hljs javascript">@font-face {
  font-family: <span class="hljs-string">'iconfont'</span>;
  src: url(<span class="hljs-string">'iconfont.eot'</span>);
  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
}
</code></pre>
        <h3 id="-iconfont-">绗簩姝ワ细瀹氢箟浣跨敤iconfont镄勬牱寮?/h3>
        <pre><code class="lang-js hljs javascript">.iconfont{
  font-family:<span class="hljs-string">"iconfont"</span> !important;
  font-size:<span class="hljs-number">16</span>px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
        <h3 id="-">绗笁姝ワ细鎸戦€夌浉搴斿浘镙囧苟銮峰彇瀛椾綋缂栫爜锛屽簲鐢ㄤ簬椤甸溃</h3>
        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>

        <blockquote>
        <p>"iconfont"鏄綘椤圭洰涓嬬殑font-family銆傚彲浠ラ€氲绷缂栬緫椤圭洰镆ョ湅锛岄粯璁ゆ槸"iconfont"銆?/p>
        </blockquote>
    </div>


</body>
</html>
